/**
 * 
 */

$(function() {

	$('.btn').button()
	$('.update').button()

	$('#accordion').accordion({
				heightStyle : 'content'
			});

	/* 更新，修改密码部分 */
	var fiag = false; // 判断是否验证成功
	$('#savepw').click(function() {
				var old_pass = $('.old_pass').val();
				var new_pass = $('.new_pass').val();
				var re_pass = $('.re_pass').val();
				if (old_pass == "" || new_pass == "" || re_pass == "") {
					fiag = false;
					alert("请检查所填信息")
				}
				if (fiag) {
					$.ajax({
								url : '/updateuser',
								data : $('#updatepw').serialize(),
								type : 'post',
								success : function(response) {
									if (response != "succ") {
										alert("重置失败，请稍后再试")
									}
									if (response == "succ") {
										alert("重置密码成功");
									}
								}
							})
				}
			})
	$('.old_pass').blur(function() {
				var old_pass = $('.old_pass').val();
				$.ajax({
							url : '/querynameAndpw',
							data : {
								password : old_pass
							},
							type : 'post',
							success : function(response) {
								if (response != "succ") {
									$('#oldpw').html("  密码错误！");
									fiag = false
								}
								if (response == "succ") {
									$('#oldpw').empty();
									fiag = true
								}
							}
						})
			})
	function confirm() {
		var new_pass = $('.new_pass').val();
		var re_pass = $('.re_pass').val();
		if (new_pass != "" && new_pass != re_pass) {
			$('#newpw').html("两次密码输入不相同");
			fiag = false
		}
		if (new_pass == "" || re_pass == "") {
			$('#newpw').html("密码不能为空");
			fiag = false
		}
		if (new_pass != "" && new_pass == re_pass) {
			$('#newpw').empty();
			fiag = true
		}
	}
	$('.new_pass').blur(function() {
				confirm();
			})
	$('.re_pass').blur(function() {
				confirm();
			})

	/* 验证手机部分 */
	$('#code').click(function() {
				var code = Math.round(Math.random() * 100000)
				$('#forcode').val(code);
				console.log(code);
			})
	$('#savephone').click(function() {
				var phone_num = $('.phone_num').val();
				if (phone_num == "" || phone_num.length < 11) {
					alert("请输入合法手机号码")
				} else {
					var mycode = $('.mycode').val();
					if ($('#forcode').val() == mycode && mycode != "") {
						$.ajax({
									url : '/updateuserphone',
									data : {
										phone : phone_num
									},
									type : 'post',
									success : function(response) {
										if (response != "succ") {
											alert("验证失败，请稍后再试")
										}
										if (response == "succ") {
											alert("验证成功！")
										}
									}
								})

					} else {
						alert("您输入的验证码不正确")
					}
				}
			})
	})
function updateuser(){
	if($('[name=question]:input').val()!='' && $('[name=answer]:input').val()!=''){
		$.ajax({
		url:'/update/user',
		type:'post',
		data:$('#person_form').serialize(),
		dataType:"text",
		success:function(response){
				if(response=='succ'){
					alert('保存成功！')
				}
				if(response=='erro'){ alert('保存失败') }
				if(response=='nologin'){
                    	location.href='ToLogin'
                   }
			},
		error:function(){  
					alert("请求错误！");  
				}
	})
	}else{
		alert('信息不能为空！')
	}
	
}
function my_infor() {
	$('#my_table').css('display', 'none');
	$('#accordion').css('display', 'none');
	$('#person_infor').css('display', 'block');
}
function my_safe() {
	$('#my_table').css('display', 'none');
	$('#person_infor').css('display', 'none');
	$('#accordion').css('display', 'block');
}

/* 查询所有订单部分 */
var pathName = window.document.location.pathname;
var root = pathName.substring(0, pathName.substring(1).indexOf('/') + 1);
/* 在wen-inf下的图片等资源在js中引用时需要获取根路径 */
function Queryoder(url, status, page, oderid) {

	$('#my_table').css('display', 'block')
	$('#person_infor').css('display', 'none')
	$('#accordion').css('display', 'none');
	$.ajax({
		url : url,
		data : {
			status : status,
			page : page,
			oderId : oderid
		},
		dataType : 'json',
		success : function(response) {
			$('#tbody').html(' '); // 每次点击清空节点
			if (response != '') {
				var index = 0; /* 计算是否是同一订单，并且若为第一次则商品写入订单id */
				var count = 0;
				var payprice = 0;
				for (var i = 0; i < response.length; i++) {
					if (index == 0) {
						$('#tbody').append("<tr ></tr>");
						$('#tbody').append("<td colspan=3 class=oder_id>订购日期:"
								+ response[i].creat_time
								+ "   &nbsp;&nbsp;&nbsp;订单号:"
								+ response[i].oder_id + "</td>")
						$('#tbody').append("<td>" + response[i].traveler1,
								response[i].traveler2 + "</td>")
						$('#tbody').append("<td></td>")
						$('#tbody').append("<td></td>")
						$('#tbody')
								.append("<td><input type=button value=客服咨询 onclick='totalk()' class='totalk'></td>")
						
						$('#tbody').append("<td>" + response[i].status
								+ "</td>")
						
						index++;
						$('.info').button() /* ui样式 */
						$('.totalk').button()
					}
					if (i < response.length - 1) {
						if (response[i + 1].oder_id != response[i].oder_id) {
							index = 0
						}
					}
					$('#tbody').append("<tr></tr>");
					$('#tbody')
							.append("<td colspan=3 class='place_name'><img alt=商品名称  src="
									+ response[i].pro_pic
									+ " class='pro_pic'><span class='pro_name'>"
									+ response[i].name + "</span>" +
									"<span style='display:none' class='pro_id'>"+response[i].productId+"</span>" +
									"<span style='display:none' class='oder_id'>"+response[i].oder_id+"</span></td>")
					$('#tbody').append("<td ></td>")
					$('#tbody').append("<td>" + response[i].target_date
							+ "</td>");
					$('#tbody').append("<td>" + response[i].quantity + "</td>")
					$('#tbody').append("<td>￥" + response[i].total_price
							+ "</td>")
					if(response[i].status=="交易成功"){
						$('#tbody').append("<td class='comed'><input type=button class=c_com value=立即评价 onclick='comment(this)'></td>")
						$('.c_com').button();
					}else if(response[i].status=="已评价"){
						$('#tbody').append("<td>已评价</td>")
					}else if(response[i].status=="交易取消"){
						$('#tbody').append("<td>交易取消</td>")
					}
					else{
						$('#tbody').append("<td><button onclick='canceloder("+response[i].oder_id+")'>取消订单</button><br><br><button onclick='topay("+response[i].oder_id+")'>去支付</button></td>")
						$('button').button();
					}
				}
				var s = "\'";
				$('#pre_page').attr(
						'onclick',
						'Queryoder(' + s + '' + url + '' + s + ',' + s + ''
								+ status + '' + s + ',' + s + ''
								+ response[0].prepage + '' + s + ')');
				$('#next_page').attr(
						'onclick',
						'Queryoder(' + s + '' + url + '' + s + ',' + s + ''
								+ status + '' + s + ',' + s + ''
								+ response[0].nextpage + '' + s + ')');
				$('#pageinfo').html("共" + response[0].pages + "页,当前第"
						+ response[0].pagenum + "页");
			}
			else{
				$('#tbody').append("<tr ><td></td><td></td><td></td><td>暂时没有相关订单</td></tr>");
			}
		},
		error : function() {
			$('#tbody').html("系统繁忙中.....")
		}
	})
}
function canceloder(oderid){
	if(window.confirm("确定要取消订单吗")){
		$.ajax({
			url:'/user/cancel/oder',
			type:'post',
			data:{
				oderId:oderid
			},
			success:function(response){
			if(response=="succ"){
					alert('取消成功！')
					location.href = '/user/usercenter/mydata'
				}
				if(response=='erro'){ alert('取消失败，请稍后再试') }
				if(response=='nologin'){
                    	location.href='/ToLogin'
                    }
			},
			error:function(){
				alert('请求错误')
			}
		})
	}
}


function topay(oderid){
	/*$('#topay').dialog('open');*///莫名其妙的不能用！
	$('#topay').dialog({
				title : '支付订单',
				closeText : '关闭',
				width : 500,
				height : 550,
				resizable : false,
				modal : true,
				show : 'slide',
				hide : 'slide',
				buttons : {
					'<<继续购物' : function() {
						location.href = '/index'
					},
					'查看订单' : function() {
						location.href = '/user/usercenter/mydata'
					}
				},
				beforeClose : function() {
					if (confirm("确定要关闭支付窗口吗")) {
						location.href = '/user/usercenter/mydata';
					} else {
						return false;
					};
				}
			});
	$.ajax({
		url:'/user/repay',
		type:'post',
		data:{
			oderId:oderid
		},
		success:function(response){
			if(response!=''){
				$('#queryoder').html(oderid);
				$('#topay').html("<br><h2>请用支付宝扫码支付</h2><br><br>");
				jQuery('#topay').qrcode(response);
				jquery('#topay').qrcode({
					width : 164,
					height : 164
				});
			}else{
				$('#topay').html("支付出错，请稍后再试")
			}
		},
		error : function() {
			$('#topay').html("<br><h2>系统繁忙，请稍后再试</h2><br>")
		}
	})
	timer = setInterval(queryoderstatus, 2000)
}
var pathName = window.document.location.pathname;
var root = pathName.substring(0, pathName.substring(1).indexOf('/') + 1);
/* 在wen-inf下的图片等资源在js中引用时需要获取根路径 */

var timer = null;
function queryoderstatus() {
	var oid = $('#queryoder').html();
	$.ajax({
		type : "post",
		url : "/user/QueryOderStatus",
		data : {
			oderId : oid
		},

		async : true, // 设置为异步
		beforeSend : function() {
		},
		success : function(data) {
			if (data == "true") {
				$('#topay')
						.html("<br><br><br><br><br><h2>您已成功支付订单</h2><br><img alt=成功支付  src=/resources/login_img/succpay.jpg>");
				clearInterval(timer);
			}
		},
		error : function() {
		}
	})
}


/*评价部分*/
function comment(obj){
	var productid=$(obj).parent().prev().prev().prev().prev().prev().children('.pro_id').html();
	var oderid=$(obj).parent().prev().prev().prev().prev().prev().children('.oder_id').html();
	$('#comment').dialog({
		title:'评论',
		closeText : '关闭',
		width : 600,
		height : 420,
		resizable : false,
		modal : true,
		show : 'slide',
		hide : 'slide',
		buttons:{ 
			'提交':function(){
				var c_content=$('#c_content').val();
				var type=$('input[name="radio"]:checked').val()
				if(c_content!=""){
					$.ajax({
						type:'post',
						url:'/user/savecomment',
						data:{	content : c_content,
								productId : productid,
								type:type,
								oderId:oderid	},
						beforeSend : function(){},
						success:function(response){
							if(response=="succ"){
								alert("提交评论成功")
								$(obj).parent().html("已评价")
								$('#c_content').val("")
								$('#comment').dialog('close');
							}else{
								alert('评论失败！')
							}
						},
						error:function(){
							alert("系统繁忙，请稍后再试")
						}
					})
				}else{
					alert("请输入评论内容")
				}
			}
		}
	})
	
}

/*机器人部分*/
function totalk() {
	$('#talk').dialog({
				title : '客服咨询',
				closeText : '关闭',
				width : 380,
				height : 635,
				resizable : false,
				modal : true,
				show : 'slide',
				hide : 'slide',
				buttons : {
					'关闭' : function() {
						$('#talk').dialog('close')
					}
				}
			});
}


/* 原生js的无缝滚动部分 */
window.onload = function() {
	var odiv = document.getElementById('move_pic');
	var oul = odiv.getElementsByTagName('ul')[0];
	var oli = oul.getElementsByTagName('li');

	oul.style.width = oli[0].offsetWidth * oli.length + 'px';
	var speed = 2;
	function move() {
		if (oul.offsetLeft < -oul.offsetWidth / 2) {
			oul.style.left = 0;
		}
		if (oul.offsetLeft > 0) {
			oul.style.left = -oul.offsetWidth / 2 + 'px';
		}
		oul.style.left = oul.offsetLeft + speed + 'px';
	}
	var timer = setInterval(move, 30);

	oul.onmouseover = function() {
		clearInterval(timer);
	}
	oul.onmouseout = function() {
		timer = setInterval(move, 30)
	}
	document.getElementById('prev').onclick = function() {
		speed = -2;
	};
	document.getElementById('next').onclick = function() {
		speed = 2;
	};
};